<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../../css/style.css" media="all">
    <link rel="stylesheet" type="text/css" href="../../components/css/common.css" media="all">
    <style type="text/css">

        .space a {
            display: inline-block;
            padding: .5em 1em;
            border: 1px solid #000;
            background-color: #cad5eb;
        }

        .yui3-g {
            letter-spacing: -0.31em; /* webkit: collapse white-space between units */
            *letter-spacing: normal; /* reset IE < 8 */
            word-spacing: -0.43em; /* IE < 8 && gecko: collapse white-space between units */
        }

        .yui3-u {
            display: inline-block;
            zoom: 1;
            *display: inline; /* IE < 8: fake inline-block */
            letter-spacing: normal;
            word-spacing: normal;
            vertical-align: top;
        }
    </style>
</head>
<body>
<div class="wrap2 m10a tsG">
    <div class="p10">
        <h2 class="title">天生的inline-block元素</h2>

        <div class="space yui3-g">
            <input class="yui3-u" type="text"/>
            <input class="yui3-u" type="submit"/>
        </div>
        <p class="blank10"></p>

        <h2 class="title">被变成的inline-block元素</h2>
        <span class="description">
           yui3的方法，貌似处理得不怎么样.. <br>
            综上所述： <br>
            图片用font-size: 0 <br>
文字则用letter-spacing和word-spacing + display:table <br>
http://www.zhangxinxu.com/wordpress/2012/04/inline-block-space-remove-%E5%8E%BB%E9%99%A4%E9%97%B4%E8%B7%9D/
            测试了很多方法觉得这个还行 <br>
.nav ul{font-size:0;} <br>
.nav li{display:inline-block; font-size:14px;} <br>
.nav li{*display:inline;} <br>
        </span>

        <div class="space yui3-g">
            <a class="yui3-u" href="##">惆怅</a>
            <a class="yui3-u" href="##">淡定</a>
            <a class="yui3-u" href="##">热血</a>
        </div>
    </div>
</div>
</body>
</html>